<template>
    <div class="main">
      <el-tabs type="border-card">
        <el-tab-pane>
        <span slot="label" class="labelcolor">磅单详情</span>  
        <el-row :span="24">
            <span class="secondtitle">基本信息</span>
        </el-row>
        <el-row style="margin-top:15px">
            <el-col :span="5">
                <span>磅单编号：</span><span>DD20181221261351</span>
            </el-col>
            <el-col :span="5" offset="3">
                <span>客户名称：</span><span>旭辉投资公司</span>
            </el-col>
            <el-col :span="5" offset="3">
                <span>项目名称：</span><span>旭辉运河悦章</span>
            </el-col>
        </el-row>
        <el-row style="margin-top:15px">
            <el-col :span="5">
                <span>发货时间：</span><span>2018-11-29&nbsp; 17:16:00</span>
            </el-col>
            <el-col :span="5" offset="3">
                <span>签收时间：</span><span>2018-11-29&nbsp; 17:16:00</span>
            </el-col>
            <el-col :span="5" offset="3">
                <span>磅单状态：</span><span>已签收</span>
            </el-col>
        </el-row>
        <el-row style="margin-top:15px">
            <el-col>
                <span>收料信息：</span><span>浙江省杭州市西湖区联合大厦B座；张三，13157188735</span>
            </el-col>
        </el-row>
        <el-row :span="24">
            <span  class="secondtitle">车辆信息</span>
        </el-row>
        <el-row style="margin-top:15px">
            <el-col :span="5">
                <span>车牌号：</span><span>浙AY815D</span>
            </el-col>
            <el-col :span="5" offset="3">
                <span>司机：</span><span>俊杰</span>
            </el-col>
            <el-col :span="5" offset="3">
               <span>联系电话：</span><span>13157188735</span>
            </el-col>
        </el-row>
        <el-row style="margin-top:15px">
            <el-col>
               <span>到达时间：</span><span>2018-12-05&nbsp; 18:00:00</span>
            </el-col>
        </el-row>
        <el-row :span="24">
            <span class="secondtitle">商品信息</span>
        </el-row>
        <el-row>
            <el-table
            :data="tableData1"
            style="width: 100%">
            <el-table-column
                prop="name"
                label="商品名称"
                width="180">
            </el-table-column>
            <el-table-column
                prop="type"
                label="型号"
                width="180">
            </el-table-column>
            <el-table-column
                prop="mweight"
                label="毛重（吨）">
            </el-table-column>
            <el-table-column
                prop="pweight"
                label="皮重（吨）">
            </el-table-column>
            <el-table-column
                prop="jweight"
                label="净重（吨）">
            </el-table-column>
            </el-table>
        </el-row>
        <el-row>
            <el-table
            :data="tableData2"
            style="width: 100%">
            <el-table-column
                prop="addname"
                label="附属商品名称"
                width="180">
            </el-table-column>
            <el-table-column
                prop="type"
                label="规格"
                width="180">
            </el-table-column>
            <el-table-column
                prop="number"
                label="数量">
            </el-table-column>
            </el-table>
        </el-row>
        <el-row :span="24">
            <span class="secondtitle">附件信息</span>
        </el-row>
        <el-row>
            <el-link type="primary">质检报告.pdf</el-link>
            <el-link type="primary" style="margin:15px 20px">在线签名.jpg</el-link>
        </el-row>
        </el-tab-pane>
      </el-tabs>
    </div>
</template>
<script>
export default {
    data() {
        return {
          tableData1: [{
            name: '预拌抹灰砂浆',
            type: 'DPM16',
            mweight: '48.8',
            pweight:'17.4',
            jweight:'31.4'
          }],
           tableData2: [{
            addname: '防冻剂',
            type: 'XXX',
            number:'10支'
          }]
        }
      }
}
</script>
<style src="../../style/mine.css">

</style>